<template>
    <div class="n-cmt">
        <div class="cmt-wrap">
            <div class="comment-box-title clear-block">
                <h3>
                    <span class="f-ff2">评论</span>
                </h3>
                <span class="sub s-fc3">
                    共
                    <span>225293</span>
                    条评论
                </span>
            </div>
            <CommentBox :commentData="commentData"></CommentBox>
        </div>
    </div>
</template>
<script setup>
import commentData from '@/json_data/comment_box/comment_data.json';
import CommentBox from '@/components/CommentBox.vue';
</script>
<style lang="scss" scoped>
.n-cmt {
    margin-top: 40px;

    .comment-box-title {
        height: 33px;
        border-bottom: 2px solid rgb(194, 12, 12);

        h3 {
            font-size: 20px;
            line-height: 28px;
            float: left;
            font-weight: normal;
        }

        .sub {
            margin: 9px 0 0 20px;
            float: left;
        }
    }
}
</style>